$color-yellow: #ffcd41;
$color-pink: #f8e5ff;
$color-blue: #d4f8fb;
$color-green: #c9ffcb;
$color-yellow-to-white: linear-gradient(
    to bottom,
    rgba(
        $color: $color-yellow,
        $alpha: 0.2,
    ),
    white
);
@mixin flex($fd: row, $ai: flex-start, $jc: flex-start) {
    display: flex;
    flex-direction: $fd;
    align-items: $ai;
    justify-content: $jc;
}
@mixin absolutePOS($l: auto, $t: auto, $r: auto, $b: auto) {
    position: absolute;
    @include position($l, $t, $r, $b);
}
@mixin position($l: auto, $t: auto, $r: auto, $b: auto) {
    left: $l;
    top: $t;
    right: $r;
    bottom: $b;
}
